<template>
  <div id="handsWanted">
    <!-- 头部 -->
    <div class="header">
      <Headers></Headers>
    </div>
    <div class="concent">
      <div class="concent_img">
        <img src="https://dus-company-log-img.oss-cn-beijing.aliyuncs.com/3/16750719490211673946956452jion%20us.png" alt="" style="width:100%">
      </div>
      <div>
        <div>
          <div class="concent_title" style="text-align: center;">
            加入我们
          </div>
          <div style="min-height: 30rem;">
            <div>
              <div class="concent_list" @click="expansion(1)">
                <div class="conscent_width">医药销售经理岗位</div>
                <div> 工作地点:全国</div>
                <div>
                  <van-icon name="arrow" />
                </div>

              </div>
              <div v-if="expan_1 == true" class="concent_linght">
                <div style="width:90%;margin: 0 auto;line-height: 2rem; padding: 0rem 0rem 2rem 0rem;">
                  岗位职责 <br />
                  1.销售人员职位，有医药供应链行业的资源积累，能够定期完成量化的工作要求，并能独立处理和解决所负责的任务;<br />
                  2.开发客户资源，寻找潜在客户，完成销售目标;<br />
                  3.签定销售合同，协调签约的相关环节可能产生的问题;<br />
                  4.解决客户就销售和服务提出的投诉，<br />
                  5.从销售和客户需求的角度，对产品的研发提供指导性建议:<br />
                  6.辅助上级领导监督、指导员工，配合建设团队。<br />
                  任职要求<br />
                  1.本科及以上学历，制药、市场营销等相关专业;<br />
                  2.三年以上同行业销售工作经验，有销售管理经验者优先;<br />
                  3.具备较强的销售技巧及销售经验，市场营销经验及渠道拓展经验<br />
                  4.具有较强的沟通能力，组织、协调能力和团队管理能力;<br />
                  5.具有很强的事业心;<br />
                  6.身体健康，无不良工作记录。<br />
                  申请方式<br />
                  直接将个人简历发送邮箱至qinyadi@dushisc.cn<br />
                </div>

              </div>
            </div>

            <div class="concent_list" @click="expansion(2)">
              <div class="conscent_width">商家服务岗</div>
              <div>工作地点:全国</div>
              <div>
                <van-icon name="arrow" />
              </div>
            </div>
            <div v-if="expan_2 == true" class="concent_linght">
              <div style="width:90%;margin: 0 auto;line-height: 2rem;padding: 0rem 0rem 2rem 0rem;">
                岗位职责 <br />
                1、基础性客户服务保障工作[包括: (客户咨询+下单+查询) 、异常处理、专项服务保障、对口联系理赔工作<br />
                2、客户服务模块的政策/制度/流程/标准的制定与推行，文件的撰写与发布<br />
                3、客户服务类的系统/工具的推广应用<br />
                4、客户的账务对账及账务相关的对内对外的工作。<br />
                任职要求<br />
                1.有物流供应链行业商家服务相关经历<br />
                2.学历能力强，抗压能力好。<br />
                3.有良好的沟通协调能力，能够协同内部资源解决客户需求。<br />
                4.有责任心，积极主动有耐心。<br />
                申请方式<br />
                直接将个人简历发送邮箱至qinyadi@dushisc.cn<br />
              </div>

            </div>
            <div class="concent_list" @click="expansion(3)">
              <div class="conscent_width">前端开发工程师</div>
              <div>工作地点:北京</div>
              <div>
                <van-icon name="arrow" />
              </div>
            </div>
            <div v-if="expan_3 == true" class="concent_linght">
              <div style="width:90%;margin: 0 auto;line-height: 2rem; padding: 0rem 0rem 2rem 0rem;">
                岗位职责<br />
                1.负责小程序、公众号、网页等前端页面功能开发:<br />
                2.负责业务管理后台、监控系统等开发;<br />
                3.负责web前端框架、核心模块设计和实现;<br />
                4.负责开发高质量，可复用的web组件;<br />
                5.设计师协作实现页面及交互，与后端工程师完成前后端功能开发:6.协助PM完成完善产品需求，提供完善的技术实现方案。<br />
                任职要求<br />
                1.熟练堂握H5、CSS，熟悉页面架构和布局;<br />
                2.熟练掌握JavaScript，会用原生的Javascript完成页面展示与交互效果;<br />
                3.熟悉JQuery、Vue、React等框架;<br />
                4.从事前端工作1年或以上。<br />
                申请方式<br />
                直接将个人简历发送邮箱至qinyadi@dushisc.cn<br /></div>

            </div>
          </div>

        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <Footer></Footer>
    </div>
  </div>
</template>
      <script>
import { ref } from 'vue';
import Headers from "../components/headers.vue"
import Footer from "../components/footer.vue"
export default {
  name: "handsWanted",
  setup() {
    const activeNames = ref(['1']);
    const expan_1 = ref(false)
    const expan_2 = ref(false)
    const expan_3 = ref(false)
    return { activeNames, expan_1, expan_2, expan_3 };
  },
  components: {
    Headers,
    Footer
  },
  methods: {
    expansion(value) {
      if (value == 1) {
        if (this.expan_1 == false) {
          this.expan_1 = true
        } else {
          this.expan_1 = false
        }
      } else if (value == 2) {
        if (this.expan_2 == false) {
          this.expan_2 = true
        } else {
          this.expan_2 = false
        }
      } else if (value == 3) {
        if (this.expan_3 == false) {
          this.expan_3 = true
        } else {
          this.expan_3 = false
        }
      }


      console.log(this.expan_1, "this.expan_1")
    }
  }
}
</script>
<style scoped>
.concent_title {
  padding: 2rem 0rem 1.5rem 0rem;
}
.concent_list {
  min-height: 4rem;
  background: #f7f7f7;
  display: flex;
  line-height: 4rem;
  margin-top: 1rem;
  justify-content: space-between;
  padding: 0rem 1rem 0rem 1rem;
  border-radius: 0.5rem;
}
.conscent_width {
  width: 40%;
  /* background:blueviolet; */
}
.concent_linght {
  line-height: 3.5rem;
  background: #f7f7f7;
  margin: 0 auto;
}
.footer{
  margin: 2rem 0rem 0rem 0rem;
  background: black;
  padding: 1rem 0rem 0.1rem 0rem;
}
</style>